<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <ui:composition template="/cliente/core/plantilla/plantillaPrincipal.xhtml">
        <ui:define name="contenido">
            <h:form id="frm">
                <p:panel id="pnlPrincipal" header="RECLAMOS" style="#{applicationMBean.estiloTitulo}">
                    <h:panelGrid columns="1">
                        <p:dataTable id="tblPrincipal" value="#{reclamoMBean.lista}" var="reclamo" rowKey="#{reclamo.id}"
                                     widgetVar="widTable" emptyMessage="NO HAY REGISTROS" styleClass="estiloPanel"
                                     paginator="true" rows="#{sessionMBean.cantidadRegistros}" paginatorPosition="top">
                            <p:column style="text-align:center;font-size: 10px" >
                                <h:panelGrid columns="10" cellspacing="5" styleClass="estiloPanelGrid">
                                    <p:commandButton icon="ui-icon ui-icon-search" title="VER"
                                                     ajax="true" oncomplete="carDialogReclamo.show()" update=":frmReclamo:pgFrmReclamo"
                                                     action="#{reclamoMBean.verReclamo}">
                                        <f:setPropertyActionListener value="#{reclamo}" target="#{reclamoMBean.clienteReclamo}"/>
                                    </p:commandButton>
                                </h:panelGrid>
                            </p:column>
                            <p:column headerText="ID" styleClass="general">
                                <h:outputText value="#{reclamo.id}" styleClass="general"/>
                            </p:column>
                            <p:column headerText="NOMBRE TAXISTA" styleClass="general">
                                <h:outputText value="#{reclamo.nombreTaxista}" styleClass="general"/>
                            </p:column>
                            <p:column headerText="APELLIDO PATERNO TAXISTA" styleClass="general">
                                <h:outputText value="#{reclamo.apPaternoTaxista}" styleClass="general"/>
                            </p:column>
                            <p:column headerText="APELLIDO MATERNO TAXISTA" styleClass="general">
                                <h:outputText value="#{reclamo.apMaternoTaxista}" styleClass="general"/>
                            </p:column>
                            <p:column headerText="DNI TAXISTA" styleClass="general">
                                <h:outputText value="#{reclamo.dniTaxista}" styleClass="general"/>
                            </p:column>
                            <p:column headerText="FECHA INCIDENTE" styleClass="general">
                                <h:outputText value="#{reclamo.fechaIncidente}" styleClass="general">
                                    <f:convertDateTime pattern="#{applicationMBean.formatoFechaHoraSegundos}"  timeZone="#{applicationMBean.timeZone}"/>
                                </h:outputText>
                            </p:column>
                            <p:column headerText="MOTIVO" styleClass="general">
                                <h:outputText value="#{reclamo.motivo}" styleClass="general"/>
                            </p:column>
                            <p:column headerText="ESTADO" styleClass="general">
                                <h:outputText value="#{reclamo.estadoTexto}" style="#{reclamo.inlineStyle}"/>
                            </p:column>
                        </p:dataTable>
                    </h:panelGrid>

                    <f:facet name="footer">
                        <p:commandButton icon="ui-icon ui-icon-plus" title="NUEVO" style="#{applicationMBean.estilosBtnBuscar}"
                                         value="NUEVO" ajax="false" action="#{reclamoMBean.nuevo}">
                        </p:commandButton>
                    </f:facet>
                </p:panel>
            </h:form>
            <p:dialog id="dialogReclamo" header="RECLAMO" widgetVar="carDialogReclamo" resizable="false"
                      width="800" height="200" modal="true">
                <ui:include src="/cliente/reclamo/reclamoPopup.xhtml"/>
            </p:dialog>
        </ui:define>
    </ui:composition>
</html>

